{% extends "base/base.html" %}
{% block content %}

<form method="POST" name="report" id="report" action="/report">
   {% csrf_token %}

<table class="top">

 <tr>
  <td style="text-align: left;" colspan="2">
   <p class="title">Report Incident</p>
  </td>
 </tr>

 <tr>
  <td colspan="2">
   <div class="help-report">
    When reporting an incident, please be mindful of the following guidelines:<br><br>
    <li>Enter your full name and email address in the fields provided.
    <li>Provide as much information as possible in the <b>Brief Incident Description</b> field.
    <li>The <b>Brief Incident Description</b> will be sent immediately to the 24x7 oncall engineer.
    <li>Additional information may be provided about the incident, which will be made available to the 24x7 team.
    <li>If an incident is confirmed by the oncall engineer, the dashboard will be updated.
   </div>
  </td>
 </tr>

 <tr>
  <td colspan="2" height="25">
   <hr>
  </td>
 </tr>

 <tr>
  <td valign="top">
   <b>Your Name</b>*
  </td>
  <td>
   <input type="text" class="input_contact" name="name" id="name" maxlength="50" value="{% if not form.name.data == None %}{{form.name.data}}{% endif %}"/>
   {% if form.name.errors %}
   <p class="error">
   {% for error in form.name.errors %}{{error}}{% endfor %}
   </p>
   {% endif %}
  </td>
 </tr>

 <tr>
  <td colspan="2" height="15"></td>
 </tr>

 <tr>
  <td valign="top">
   <b>Your Email<br>Address</b>*
  </td>
  <td>
   <input type="text" class="input_contact" name="email" id="email" maxlength="50" value="{% if not form.email.data == None %}{{form.email.data}}{% endif %}"/>
   {% if form.email.errors %}
   <p class="error">
   {% for error in form.email.errors %}{{error}}{% endfor %}
   </p>
   {% endif %}
  </td>
 </tr>

 <tr>
  <td colspan="2" height="15"></td>
 </tr>

 <tr>
  <td valign="top">
   <b>Brief<br>Incident<br>Description</b>*
  </td>
  <td>
   <textarea class="textarea_detail_1" id="description" name="description" maxlength="160">{% if not form.description.data == None %}{{form.description.data}}{% endif %}</textarea>
   {% if form.description.errors %}
   <p class="error">
   {% for error in form.description.errors %}{{error}}{% endfor %}
   </p>
   {% endif %}
  </td>
 </tr>

 <tr>
  <td colspan="2" height="15"></td>
 </tr>

 <tr>
  <td valign="top">
   <b>Additional<br>Information</b>
  </td>
  <td>
   <textarea class="textarea_detail_2" id="additional" name="additional" maxlength="1000">{% if not form.additional.data == None %}{{form.additional.data}}{% endif %}</textarea>
   {% if form.additional.errors %}
   <p class="error">
   {% for error in form.additional.errors %}{{error}}{% endfor %}
   </p>
   {% endif %}
  </td>
 </tr>

 <tr>
  <td colspan="2" style="text-align: right;">
   <input type="submit" value="submit"/>
  </td>
 </tr>

</table>
</form>

{% endblock %}



